<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>亿人宝 - 回款计划</title>
    <meta content="" name="keywords"/>
    <meta content="" name="description"/>
    <link rel="stylesheet" th:href="@{/css/common.css}"/>
    <link rel="stylesheet" th:href="@{/css/user.css}" type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/jquery.datetimepicker.css}" type="text/css"/>
    <script th:src="@{/script/jquery.min.js}" type="text/javascript"></script>
    <script th:src="@{/script/common.js}" type="text/javascript"></script>
    <script th:src="@{/script/user.js}" type="text/javascript"></script>
    <script th:src="@{/layui/layer/layer.js}" type="text/javascript"></script>
    <link rel="stylesheet" th:href="@{/css/fenye.css}"/>
</head>
<body>
<div th:replace="common/public::head"></div>
<!--个人中心-->
<div class="wrapper wbgcolor">
    <div class="w1200 personal">
        <!--<div class="credit-ad"><img height="96" th:src="@{/images/clist1.jpg}" width="1200"></div>-->
        <div class="personal-left" id="personal-left">
            <ul>
                <li><span><a th:href="@{/per/index(option = 1)}"><i class="dot dot1"></i>账户总览</a></span></li>
                <li><span><a style="font-size:14px;text-align:center;width:115px;padding-right:35px;" th:href="@{/cap/cap_List}">资金记录</a></span></li>
                <li><span><a style="font-size:14px;text-align:center;width:115px;padding-right:35px;" th:href="@{/per/investlist(option = 1)}">投资记录</a></span>
                </li>
                <li class="pleft-cur"><span><a style="font-size:14px;text-align:center;width:115px;padding-right:35px;"
                                               th:href="@{/per/prolist}">回款计划</a></span></li>
                <li><span><a th:href="@{/per/thirdparty}"><i class="dot dot02"></i>开通第三方</a> </span></li>
                <li><span><a th:href="@{/per/torecharge}"><i class="dot dot03"></i>充值</a></span></li>
                <li><span><a th:href="@{/per/towithdrawal}"><i class="dot dot04"></i>提现</a></span></li>
                <li style="position:relative;"><span> <a th:href="@{/per/toredenvelopes(state = 1)}"> <i class="dot dot06"></i> 我的红包 </a> </span></li>
                <li style="position:relative;"><span> <a th:href="@{/per/tomessages}"><i class="dot dot08"></i>系统信息 </a> </span></li>
                <li><span><a th:href="@{/setUser/toView}"><i class="dot dot09"></i>账户设置</a></span></li>
            </ul>
        </div>
        <div class="personal-main">
            <div class="personal-back" style="padding-bottom: 0px;">
                <h3><i>回款计划</i></h3>
                <div class="back-money">
                    <span class="back-own">
                        <b class="fb">待收本金</b>
                        <br>
                        <i th:if="${zt == 1 or zt == 2}">0.00</i>
                        <i th:if="${zt == 3}" th:text="${menpro.mon}">0.00</i>
                        元
                    </span>
                    <span class="back-profit">
                        <b class="fb">待收收益</b>
                        <br>
                        <i th:if="${zt == 1 or zt == 2}">0.00</i>
                        <i th:if="${zt == 3}" th:text="${menpro.pro}">0.00</i>
                        元
                    </span>
                </div>
                <div class="back-choosedate">
                    <form method="post" onsubmit="return sub();" th:action="@{/per/prolist}">
                        <span style="margin-left: 10px;">项目类型:</span>
                        <select name="tkey" style="height: 25px; width: 80px;border: 1px solid #DCDCDC;border-radius: 2px;color: #BCBCBC;">
                            <option selected="selected" value="">全部</option>
                            <option th:each="type:${typeMap}" th:selected="${tkey} eq ${type.getKey()}" th:text="${type.getValue()}"
                                    th:value="${type.getKey()}">新手牛
                            </option>
                        </select>
                        <span style="margin-left: 10px;">时间范围:</span>
                        <span class="datepicker" id="form:datapicker1">
                            <!--
                                datetime-local：年月日时分秒
                            -->
                            <input class="ui-inputfield ui-widget ui-state-default ui-corner-all hasDatepicker date1" name="date1" style="width: 128px;"
                                   th:if="${sj1 == 0}" type="date">
                            <input class="ui-inputfield ui-widget ui-state-default ui-corner-all hasDatepicker date1" name="date1" style="width: 128px;"
                                   th:if="${sj1 == 1}" th:value="${d1}" type="date">
                        </span>
                        -
                        <span class="datepicker" id="form:datapicker2">
                            <input class="ui-inputfield ui-widget ui-state-default ui-corner-all hasDatepicker date2" name="date2" style="width: 128px;"
                                   th:if="${sj2 == 0}" type="date">
                            <input class="ui-inputfield ui-widget ui-state-default ui-corner-all hasDatepicker date2" name="date2" style="width: 128px;"
                                   th:if="${sj2 == 1}" th:value="${d2}" type="date">
                        </span>
                        <input name="" type="hidden">
                        <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only btn-ok btn-235 txt-right"
                                style="border: none;background: #0caffe;width: 86px;height: 30px;line-height: 30px;border-radius: 2px;margin-left: 10px;"
                                type="submit">
                            <span class="ui-button-text ui-c" style="color: #fff;font-weight: normal;">查询</span>
                        </button>
                    </form>
                </div>
                <span id="form:dataTable">
                    <div class="personal-backlist">
                        <div class="pmain-contitle">
                            <span class="pmain-titledate fb" style="width: 190px;">计划回款时间</span>
                            <span class="pmain-titleproject fb" style="width: 210px;">项目</span>
                            <span class="pmain-titletype fb">类型</span>
                            <span class="pmain-titlemoney fb">回款金额</span>
                        </div>
                        <ul style="float:left;">
                            <div th:if="${size == 0}">
                                <div style=" width:760px;height:200px;padding-top:100px; text-align:center;color:#d4d4d4; font-size:16px;">
                                    <img height="60" th:src="@{/images/nondata.png}" width="60">
                                    <br><br>
                                    暂无回款计划
                                </div>
                            </div>
                            <div th:if="${size != 0}">
                                <li th:each="pr:${pro.data}">
                                    <span class="pmain-titledate" style="width: 190px;" th:text="${#dates.format(pr.end_date, 'yyyy-MM-dd')}">2015-10-1</span>
                                    <span class="pmain-titleproject" style="width: 210px;" th:text="${pr.pname}">债权转让</span>
                                    <span class="pmain-titletype" th:if="${pr.ptype == 1}">新手标</span>
                                    <span class="pmain-titletype" th:if="${pr.ptype == 2}">推荐标</span>
                                    <span class="pmain-titletype" th:if="${pr.ptype == 3}">普通标</span>
                                    <span class="pmain-titletype" th:if="${pr.ptype == 4}">散标</span>
                                    <span class="pmain-titlemoney" th:text="${pr.invest_money + pr.profit}">100000.00</span>
                                </li>
                                <!--分页显示：-->
                                <div class="pagination" style="margin-top: 15px;width: 760px;">
                                    <a th:class="${pro.currPage == 1} ? 'disabled' : ''"
                                       th:href="@{/per/prolist(currPage = 1, tkey = ${tkey}, date1 = ${d1}, date2 = ${d2})}" title="首页">首页</a>
                                    <a th:class="${pro.currPage == 1} ? 'disabled' : ''"
                                       th:href="@{/per/prolist(currPage = ${pro.currPage - 1}, tkey = ${tkey}, date2 = ${d1}, date1 = ${d2})}"
                                       title="上一页">上一页</a>

                                    <a th:if="${pro.totalPage > 4 && pro.currPage > 4}" th:text="...">...</a>
                                    <a th:class="${pagenum == pro.currPage} ? 'current' : ''"
                                       th:each="pagenum:${#numbers.sequence((pro.currPage > 4 ? (pro.currPage - 3) : 1), ((pro.currPage + 3) < pro.totalPage ? (pro.currPage + 3): pro.totalPage))}"
                                       th:href="@{/per/prolist(currPage = ${pagenum}, tkey = ${tkey}, date1 = ${d1}, date2 = ${d2})}" th:text="${pagenum}">1</a>
                                    <a th:if="${pro.totalPage > 4 && (pro.currPage + 3) < pro.totalPage}" th:text="...">...</a>

                                    <a th:class="${pro.currPage == pro.totalPage} ? 'disabled' : ''"
                                       th:href="@{/per/prolist(currPage = ${pro.currPage + 1}, tkey = ${tkey}, date1 = ${d1}, date2 = ${d2})}"
                                       title="下一页">下一页</a>
                                    <a th:class="${pro.currPage == pro.totalPage} ? 'disabled' : ''"
                                       th:href="@{/per/prolist(currPage = ${pro.totalPage}, tkey = ${tkey}, date1 = ${d1}, date2 = ${d2})}" title="尾页">尾页</a>
                                </div>
                            </div>
                        </ul>
                    </div>
                </span>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!--网站底部-->
<div class="ft" id="footer">
    <div th:replace="common/public::footer"></div>
</div>
<script>
    function sub() {
        var date1 = $(".date1").val().trim();
        var date2 = $(".date2").val().trim();
        var date3 = Date.parse(date1.replace(/-/g, "/"));
        var date4 = Date.parse(date2.replace(/-/g, "/"));
        if (date3 > date4) {
            layer.msg('结束时间不能小于开始时间！', {
                icon: 2
            });
            return false;
        }
        return true;
    }
</script>
</body>
</html>
